import React from "react";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import PreparationNavigation from "../navigation/PreparationNavigation";
import InterviewNavigation from "../navigation/InterviewNavigation";
import QuestionnaireNavigation from "../navigation/QuestionnaireNavigation";
import ResearchNavigation from "../navigation/ResearchNavigation";
import UserQuesNavigation from "../navigation/UserQuesNavigation";

import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
import { Entypo } from "@expo/vector-icons";
import { MaterialIcons } from "@expo/vector-icons";

const Tab = createBottomTabNavigator();

const MainTabScreen = ({ navigation }) => (
  <Tab.Navigator
    initialRouteName="LALALA"
    screenOptions={{
      tabBarActiveTintColor: "#e91e63",
      headerStyle: { backgroundColor: "#009387" },
      headerTintColor: "#fff",
      tabBarHideOnKeyboard: true,
    }}
  >
    {/* <Tab.Screen
      name="preaparation"
      component={PreparationNavigation}
      options={{
        headerShown: false,

        tabBarLabel: "准备工作",
        tabBarIcon: ({ color, size }) => (
          <MaterialCommunityIcons name="home" color={color} size={size} />
        ),
        headerTitleAlign: "center",
      }}
    /> */}
    {/* <Tab.Screen
      name="Interview"
      component={InterviewNavigation}
      options={{
        headerShown: false,
        tabBarLabel: "访谈资料",
        tabBarIcon: ({ color, size }) => (
          <Entypo name="upload-to-cloud" color={color} size={size} />
        ),
      }}
    /> */}
    <Tab.Screen
      name="Questionnaire"
      component={UserQuesNavigation}
      options={{
        headerShown: false,
        tabBarLabel: "问卷填写",
        tabBarIcon: ({ color, size }) => (
          <MaterialCommunityIcons
            name="file-question"
            color={color}
            size={size}
          />
        ),
      }}
    />
    {/* <Tab.Screen
      name="Research"
      component={ResearchNavigation}
      options={{
        headerShown: false,
        tabBarLabel: "调研报告",
        tabBarIcon: ({ color, size }) => (
          <MaterialIcons name="file-upload" color={color} size={size} />
        ),
      }}
    /> */}
  </Tab.Navigator>
);

export default MainTabScreen;
